getNavigationIdentification();

function getNavigationIdentification(){
	$.post('/navigation-identification/get-navigation-identification',{},success,'json');
    return false;
    function success(data){
        $.jBox.close();
        if(data.code == 200)
        {
        	var table_list = '';
        	var ret = data.val;
        	if(ret.length > 0){
        		ret.forEach(function(e){
        			var son_val = e.son ? e.son : [];
        			var son_length = son_val.length > 0 ? son_val.length : 1;
        			table_list += '<tr>';
            		table_list += '<td rowspan="'+son_length+'">'+e.id+'</td>';
            		table_list += '<td rowspan="'+son_length+'">'+e.name+'</td>';
            		table_list += '<td rowspan="'+son_length+'">'+e.sort+'</td>';
            		table_list += '<td rowspan="'+son_length+'">'+(e.is_show == '1' ? '是' : '否')+'</td>';
            		if(son_val.length > 0){
            			table_list += '<td>'+son_val[0].name+'</td>';
                		table_list += '<td>'+son_val[0].sort+'</td>';
                		table_list += '<td>'+(son_val[0].is_show == '1' ? '是' : '否')+'</td>';
            		}else{
            			table_list += '<td>--</td>';
                		table_list += '<td>--</td>';
                		table_list += '<td>--</td>';
            		}
            		table_list += '<td rowspan="'+son_length+'"><a href="javascript:void(0);" onclick="getNavigationIdentificationDetail('+e.id+')">编辑</a></td>';
            		table_list += '</tr>';
            		if(son_length > 1){
            			for(var i=1;i<son_length;i++){
            				table_list += '<tr>';
            				table_list += '<td>'+son_val[i].name+'</td>';
                    		table_list += '<td>'+son_val[i].sort+'</td>';
                    		table_list += '<td>'+(son_val[i].is_show == '1' ? '是' : '否')+'</td>';
                    		table_list += '</tr>';
            			}
            		}
        		});
        	}
            $('#table_list').find('tbody').html(table_list);
        }
        else{
            $.jBox.error(data.val, '错误');
        }
    }
}

function getNavigationIdentificationDetail(id){
	$.post('/navigation-identification/get-navigation-identification-detail',{id:id},success,'json');
	return false;
	function success(data){
        $.jBox.close();
        if(data.code == 200)
        {
        	clearData();
        	var html = '';
        	var ret = data.val;
        	var son_val = ret.son;
        	$('#name').val(ret.name);
        	$('#is_show').prop('checked',(ret.is_show == '1' ? true : false));
        	$('#sort').val(ret.sort);
        	$('#navigation_identification_id').val(ret.id);
        	if(son_val.length > 0){
        		son_val.forEach(function(e){
            		html += '<tr>';
                	html += '<td><input name="name[]" value="'+e.name+'" class="form-control"><input name="son_id[]" value="'+e.id+'" type="hidden"></td>';
                	html += '<td><input style="width: 20px;height:20px;vertical-align:middle;" '+(e.is_show == '1' ? 'checked' : '')+' name="is_show[]" type="checkbox"></td>';
                	html += '<td><input class="form-control" value="'+e.sort+'" name="sort[]" placeholder="排序" type="text"></td>';
                	html += '<td><a href="javascript:;" class="up_input_table_tr">上移</a> <a href="javascript:;" class="down_input_table_tr">下移</a> <a class="del_input_table_tr" href="javascript:;">删除</a></td>';
                	html += '</tr>';
            	});
        	}
        	$('#input_table').find('tbody').append(html);
        }
        else{
            $.jBox.error(data.val, '错误');
        }
    }
}

function clearData(){
	$('#name').val('');
	$('#is_show').prop('checked',false);
	$('#sort').val('');
	$('#navigation_identification_id').val('');
	$('#input_table').find('tbody').html('');
	$('#navigation-identification-modal').modal('show');
}

$('.add-navigation-identification').on('click',function(){
	clearData();
});

$('#add_input').click(function(){
    var html = '<tr>';
    	html += '<td><input name="name[]" class="form-control"><input name="son_id[]" value="0" type="hidden"></td>';
    	html += '<td><input style="width: 20px;height:20px;vertical-align:middle;" name="is_show[]" type="checkbox"></td>';
    	html += '<td><input class="form-control" name="sort[]" placeholder="排序" type="text"></td>';
    	html += '<td><a href="javascript:;" class="up_input_table_tr">上移</a> <a href="javascript:;" class="down_input_table_tr">下移</a> <a class="del_input_table_tr" href="javascript:;">删除</a></td>';
    	html += '</tr>';
    $('#input_table').find('tbody').append(html);
});

$('table').delegate('.del_input_table_tr','click',function(){
    $(this).parents('tr').remove();
});

$('table').delegate('.up_input_table_tr','click',function(){
    var tr_index = $(this).parents('tr').index();
    if(eval(tr_index) == 0){
        return true;
    }else{
        var obj = $(this).parents('tr').clone();
        $(this).parents('tr').prev().before(obj);
        $(this).parents('tr').remove();
    }
});

$('table').delegate('.down_input_table_tr','click',function(){
    var tr_index = $(this).parents('tr').next().index();
    if(eval(tr_index) > eval(-1)){
        var obj = $(this).parents('tr').clone();
        $(this).parents('tr').next().after(obj);
        $(this).parents('tr').remove();
    }
});

$('.ajax_post_tag').on('click',function(){
	var form = $('#navigation_identification_form');
	var is_show = [];
	$('input[name="is_show[]"]').each(function(){
		is_show.push($(this).prop('checked') == true ? 1 : 0);
	});
	var name = $('#name').val();
    if(name == ''){
        $.jBox.error('请填写商品导航标识', '错误');
        return false;
    }
    var sort = $('#sort').val();
    if(sort == ''){
    	$.jBox.error('请填写商品导航标识排序', '错误');
        return false;
    }
	$.post(form.attr('action'),form.serialize()+'&is_show='+is_show,success,'json');
    return false;
	function success(data){
        if(data.code == 200)
        {
            $.jBox.tip('处理成功', 'success');
            window.setTimeout(function () {
                $('#navigation-identification-modal').modal('hide');
                getNavigationIdentification();
            }, 1000);
        }
        else{
            $.jBox.error(data.val, '错误');
        }
	}
});